 .wheel-container {
    width: 100%;
  }
  
  .wheel-container .wheel-main {
    text-align: center;
    position: relative;
    background-size: auto 100%;
    background-position: center;
    margin: 0 auto;
    width: 100%;
  }

  .wheel-container .wheel-main .wheel {
    margin: 0 auto;
    width: calc(315*100vw/375);
    height: calc(315*100vw/375);
    position: relative;
  }
  
  .wheel-container .wheel-main .wheel .wheel-circle {
    position: relative;
  }
  
  .wheel-container .wheel-main .wheel .item {
    position: absolute;
    top: 7%;
    width: 86%;
    right: 7%;
  }
  
  .wheel-container .wheel-main .wheel .pointer {
    position: absolute;
    width:calc(94*100vw/375);
    height:calc(117*100vw/375);
    left: 35.7%;
    top: 28%;
    cursor: pointer;
  }
  
  .wheel-container img {
    max-width: 100%;
  }
  
  